<template>
  <div style="width: 1000px; height: 600px; background-color: antiquewhite">
    <DraggableDiv>123</DraggableDiv>
    <SuiButton tooltip>1234</SuiButton>
    <SuiForm size="default">
      <SuiFormItem label="Activity name" prop="name" tooltip>
        <template #label>123</template>
        <el-input />
      </SuiFormItem>
      <PSon />
    </SuiForm>
  </div>
</template>

<script setup lang="ts">
import { SuiButton, SuiForm, SuiFormItem } from '@whacker/components'
import PSon from './components/PSon.vue'
import DraggableDiv from '@/components/DraggableDiv.vue'
</script>

<style scoped>
.aa {
  color: red;
}
</style>
